.cl.green {
  $green1: #47a7a9;
  $green2: #388485;
  $green3: #90d4d4;

  &.button {
    color: #ffffff;
    border: none;
    background-color: $green1;
    &:hover {
      background-color: $green2;
    }
  }
  & a {
    color: $green3;
  }
  &.card {
    border: none;
    color: #ffffff;
    background-color: $green1;
  }
}

.cl.blue {
  $blue1: #3aa6d0;
  $blue2: #0776a0;

  &.button {
    color: #FFFFFF;
    border: none;
    background-color: $blue1;
    &:hover {
      background-color: $blue2;
    }
  }
}

.cl.cyan {
  $cyan1: #78d4d4;
  $cyan2: #4fcccc;

  &.button {
    color: #FFFFFF;
    border: none;
    background-color: $cyan1;
    &:hover {
      background-color: $cyan2;
    }
  }
}